<template>
	<view>
		<cu-custom bgColor="bg-gradual-blue" :isBack="true">
			<block slot="backText" v-click="">返回</block>
			<block slot="content">个人中心</block>
		</cu-custom>
		
		<view class="padding center text-center bg-white">
			 <picker @change="userPhotoChange" :value="userPhotoIdx" :range="userPhoto">
			 	<view class="picker">
					<view class="cu-avatar xl round margin-left":style="'background-image:url('+this.user.headPic+')'"></view>
			 	</view>
			 </picker>
			 
		</view> 
		<view class="cu-list menu" :class="[menuBorder?'sm-border':'',menuCard?'card-menu margin-top':'']">
			<view class="cu-item" :class="menuArrow?'arrow':''">
				<view class="content">
					<text class="cuIcon-people text-grey"></text>账号
				</view>
				<view>
					{{user.loginName}}
				</view>
			</view>
			
			<view class="cu-item" :class="menuArrow?'arrow':''">
				<view class="content">
					<text class="cuIcon-addressbook text-grey"></text>昵称
				</view>
				<view @click="editNickName">
					{{user.nickName}}
				</view>
			</view>
			
			<view class="cu-item" :class="menuArrow?'arrow':''">
				<view class="content">
					<text class="cuIcon-profilefill text-grey"></text>岗位
				</view>
				<view>
					{{user.position}}
				</view>
			</view>
			
			<view class="cu-item" :class="menuArrow?'arrow':''">
				<view class="content">
					<text class="cuIcon-mobile text-grey"></text>手机号 
				</view>
				<view class="action">
					{{user.mobile}}
				</view>
			</view>
			
			<view class="cu-item" :class="menuArrow?'arrow':''">
				<view class="content">
					<text class="cuIcon-mail text-grey"></text>邮箱 
				</view>
				<view class="action">
					{{user.email}}
				</view>
			</view>
			
			<view class="cu-item" :class="menuArrow?'arrow':''">
				<view class="content">
					<text class="cuIcon-time text-grey"></text>最近登录时间 
				</view>
				<view class="action">
					{{user.loginTime}}
				</view>
			</view>
			 
			<view class="cu-item">
				<view class="content padding-tb-sm">
					<view class="content">
						<text class="cuIcon-peoplelist text-grey"></text>个人说明 
					</view>
					<view class="text-gray text-sm">
						<text class="margin-right-xs"></text> {{user.autograph}}</view>
				</view>
			</view>
		</view>
	
	</view>
</template>

<script>
	import msgtool from '../../common/utils/msgtools.js'
	export default {
		data() {
			return {
				modalName: null,
				menuBorder: false,
				menuArrow: false,
				menuCard: false,
				userPhoto: ['拍照','相册'],
				userPhotoIdx:1,
				user: {
					loginName:'zhenglijun',
					nickName :'nk_zlj',
					mobile:'17302602302',
					email:'392090057@qq.com',
					autograph:'这家伙很懒，什么也没留下',
					headPic:'https://ossweb-img.qq.com/images/lol/web201310/skin/big99008.jpg',
					loginTime:new Date().toLocaleTimeString(),
					position:'架构师'
				}
			}
		},
		methods: {
			editNickName(){
						
				
			},
			userPhotoChange(){
				
			}
		} 
	}
</script>

<style>

</style>
